<template>
  <div class="recommend">
    <div class="recommend-title" >本周去哪</div>
    <div class="recommend-infos" v-for="item in weekendLists" :key="item.index">
      <div class="recommend-info">
        <div class="img-info">
          <img class="img-content" :src="item.imgUrl" :alt="item.title">
        </div>
        <div class="min-desc">
          <p class="min-desc-title">{{item.title}}</p>
          <p class="min-desc-info">{{item.desc}}</p>
         <!-- <p class="min-desc-price"><span class="min-desc-price-sty">￥<span class="min-desc-price-info-sty">{{item.price}}</span></span>&nbsp起</p>-->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeWeekend',
  props: {
    weekendLists: Array
  },
  data () {
    return {
    }
  }
}
</script>

<style lang="stylus" scoped>
  .recommend
    width 100%
    height 100%
    .recommend-title
      width 100%
      height 0.7rem;
      line-height 0.7rem
      background #dadada
      text-indent 0.2rem
      font-weight bold
      font-family '微软雅黑'
    .recommend-infos
      width 100%
      height 100%
      .recommend-info
        border-bottom 5px solid #d0d0d0;
        width 100%
        height 4rem
        .img-info
          width 100%
          height 66.3%
          background black
          .img-content
            width 100%
            height 100%
        .min-desc
          width 100%
          height 80%
          .min-desc-title
            font-weight bold
            font-size 0.3rem
            font-family '黑体'
            margin-bottom .2rem
            margin-left .2rem
            margin-top .2rem
          .min-desc-info
            font-size .25rem
            font-family '黑体'
            color #bebebe
            margin-bottom .3rem
            font-size .2rem
            margin-left .2rem
          .min-desc-price
            color #bebebe
            font-size .18rem
            .min-desc-price-sty
              color #ff8b63
              .min-desc-price-info-sty
                font-weight bold
                font-size .4rem
</style>
